<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width,initial-scale=1">
    <title>栅格系统 排版</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .row{
            margin-bottom: 20px;
        }
        .row.row{
            margin-top: 10px;
            margin-bottom: 0;
        }
        [class*="col-"]{
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #eee;
            background-color: rgba(86,61,124,.15);
            border: 1px solid #ddd;
            border: rgba(86,61,124,.12);
        }
    </style>
</head>
<body>
        <div class="container">
            <div class="row">
                <div class="col-md-1">.col-md-1</div>
                <div class="col-md-1">.col-md-1</div>
                <div class="col-md-1">.col-md-1</div>
                <div class="col-md-2">.col-md-2</div>
                <div class="col-md-3">.col-md-3</div>
                <div class="col-md-4">.col-md-4</div>
            </div>
        </div>
        <div class="container">
            <h1 class="">这是h1标签 <small>small这是副标题</small></h1>
            <h2 class="">这是h2标签 <small>small这是副标题</small></h2>
            <h3 class="">这是h3标签 <small>small这是副标题</small></h3>
            <h4 class="">这是h4标签 <small>small这是副标题</small></h4>
            <h5 class="">这是h5标签 <small>small这是副标题</small></h5>
            <h6 class="">这是h6标签 <small>small这是副标题</small></h6>
            <p class="lead">
                 <mark>markmarkmarkmark</mark><s>ssss</s> <del>deldeldeldeldel</del>
                <br/>
                <strong>strong</strong>
                <em>em</em>
                <br/>
                <i>iiiiiiiiiiii</i>
            </p>
            <p class="text-capitalize">text-capitalize</p>
            <p class="text-uppercase">text-uppercase</p>
            <p class="text-lowercase">text-lowercase</p>
            <blockquoye>
                <p>blockquoyeblockquoyeblockquoye</p>
            </blockquoye>
        </div>
</body>
</html>